﻿<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>WeUI</title>
    <link rel="stylesheet" href="//cdn.bootcss.com/weui/1.1.1/style/weui.min.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.0.1/css/jquery-weui.min.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/example.css">
</head>
<body ontouchstart>

<div id="test" class="test" style="width:100%; height:500px; overflow-y:scroll;-webkit-overflow-scrolling: touch; position:relative;">

    55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />

    <div class="weui-loadmore">
      <i class="weui-loading"></i>
      <span class="weui-loadmore__tips">正在加载</span>
    </div>
</div>
55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />55<br />
<script src="/js/zepto.min.js"></script>
<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="//cdn.bootcss.com/jquery-weui/1.0.1/js/jquery-weui.min.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
<script src="/js/fastclick.js"></script>
<script src="/js/example.js"></script>
<script>
    /*
    
    $(".test").infinite($(".test").height() - $(window).height() + 50).on("infinite", function () {
        var self = this;
        if (self.loading) return;
        self.loading = true;
        document.title = count++;
        self.loading = false;
        setTimeout(function () {
            
        }, 1000);

    });
    */
    var count = 0;
    var old = 0;
    $('#test').on('scroll', function () {
        var allheight = $('#test').scrollHeight(); //div内容的高度
        var height = $('#test').scrollTop(); //div的高度
        $("#scroll").css("top", height + (height / allheight) * 500);
    });
    $("#test").append('<div id="scroll" style="width:3px; height:50px; background:gray; position:absolute; right:1px; top:3px;"></div>');

</script>
</body>
</html>
